:root{
  --body-background-color: #F8F8F8;
  --a-hover: #555;
  --a-hover-bg:#04599a;
  --a-hover-l:#ededef;
  --a-:#337ab7;
  --border-color:#dee2e6;
}
body{
	padding-top:50px;
	font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:var(--body-background-color);
    color:var(--a-hover);
}
a,.text-rujue,
.page-link{color:var(--a-);text-decoration:none !important;transition:all 0.2s ease-in-out !important;}
a:hover,a:focus,
.page-link:hover,.page-link:focus{color:var(--a-hover)}
.page-item.active .page-link{border-color:var(--a-);background-color:var(--a-)}
.page-item.active .page-link:hover{border-color:var(--a-hover-bg);background-color:var(--a-hover-bg);}
article{min-height:350px}
article p{text-align:justify;}
/*按钮*/
input{
	display: inline-block;
	font-weight: 400;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--a-);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
}
input[type="submit"],
.btn-rujue{
    color:var(--body-background-color);
    background:#5fafec;
    background:-webkit-gradient(linear, left top, left bottom, from(#5fafec), to(var(--a-))); 
    background:-moz-linear-gradient(top,  #5fafec,  var(--a-)); 
}
input[type="submit"]:hover,
.btn-rujue:hover{
    color:#fff;
    background:#5fafec;
    background:-webkit-gradient(linear, left bottom, left top, from(#5fafec), to(var(--a-))); 
    background:-moz-linear-gradient(bottom,  #5fafec,  var(--a-)); 
}

/*Services-box*/
.Services-box{margin: 150px 0}

/*nav 导航条*/
#logo{width:24px;height:auto}

/*列表*/
.index-list .title-h2::before{
	content: '';
	margin-right: .4em;
	margin-bottom: .4em;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50% 50% 0;
	border: 2px solid var(--a-);
}
.index-list .title-h2:hover::before{border-color:var(--a-hover)}
/*列表-日历*/
.calendar-box{height:130px}
.calendar{
    padding-top:5px;
    float:right;
    width:80px;
    background:var(--a-hover-l);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--a-hover-l)), to(#ccc)); 
    background: -moz-linear-gradient(top,  var(--a-hover-l),  #ccc); 
    font:bold 30px/60px Arial Black, Arial, Helvetica, sans-serif;
    text-align:center;
    color:var(--a-);
    text-shadow:#fff 0 1px 0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    position:relative;
    -moz-box-shadow:0 2px 2px #888;
    -webkit-box-shadow:0 2px 2px #888;
    box-shadow:0 2px 2px #888;
}
.calendar em{
    display:block;
    font:normal bold 11px/30px Arial, Helvetica, sans-serif;
    color:#fff;
    text-shadow:var(--a-) 0 -1px 0;
    background:#5fafec;
    background:-webkit-gradient(linear, left top, left bottom, from(#5fafec), to(var(--a-))); 
    background:-moz-linear-gradient(top,  #5fafec,  var(--a-)); 
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top:1px solid var(--a-);
}
.calendar:before, .calendar:after{
    content:'';
    float:left;
    position:absolute;
    top:5px;
    width:8px;
    height:8px;
    background:#111;
    z-index:1;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 1px 1px #fff;
    -webkit-box-shadow:0 1px 1px #fff;
    box-shadow:0 1px 1px #fff;
}
.calendar:before{left:11px;}    
.calendar:after{right:11px;}
.calendar em:before, .calendar em:after{
    content:'';
    float:left;
    position:absolute;
    top:-5px;
    width:4px;
    height:14px;
    background:#dadada;
    background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
    background:-moz-linear-gradient(top,  #f1f1f1,  #aaa); 
    z-index:2;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.calendar em:before{left:13px;}    
.calendar em:after{right:13px;}
.index-list article p img{max-width: 100%;height:auto;}
.index-list article p iframe{width:100%;height:auto;min-height:250px;}

.footer a{color:#fff}
.footer a:hover{color:var(--a-hover);}

/*右侧栏*/
.function{
	border-bottom:1px solid var(--border-color);
	padding-bottom:1em;
}
.function .function_t{
	margin:2em 0 1em;
	font-size: 1.3em;
}
.function .function_t:first-child{margin-top:0}
.function .function_t::before{
	font-size: 80%;
	margin-right:10px;
	color:var(--a-hover);
	font-family: Icons;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	content: '\e054';
}
#divArchives .function_t::before{content: '\e024'}/*文章归档*/
#divContorPanel .function_t::before{content: '\e041'}/*控制面板*/
#divCatalog .function_t::before{content: '\e088'}/*网站分类*/
#divComments .function_t::before{content: '\e032'}/*最新留言*/
#divLinkage .function_t::before{content: '\e086'}/*友情链接*/
#divSearchPanel .function_t::before{content: '\e08f'}/*搜索引擎*/
#divPrevious .function_t::before{content: '\e05f'}/*最新文章*/
#divTags .function_t::before{content: '\e0c5'}/*标签*/
#tbCalendar,#tbCalendar caption{width:100%;text-align:center;}/*日历*/

#divLinkage ul,
#divCatalog ul,
#divTags ul{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#divLinkage ul li,
#divCatalog ul li,
#divTags ul li{
	margin:auto 0.3rem;
	margin-right:0.5rem
}
#divLinkage ul,
#divCatalog ul,
#divTags ul,
#divComments ul,
#divPrevious ul{
	padding-left:0;
}
#divLinkage ul,
#divTags ul,
#divTags ul,
#divCatalog ul,
#divArchives ul,
#divComments ul,
#divPrevious ul{
	list-style:none;
}
#divTags ul li a,
#divCatalog ul li a,
#divArchives ul li a,
#divComments ul li a,
#divPrevious ul li a{
	display:block;
	margin-left:2px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1.6;
}
#divCatalog ul li a,
#divArchives ul li a,
#divComments ul li a,
#divPrevious ul li a{
	color:var(--a-hover); 
}
#divTags ul li a::before,
#divCatalog ul li a::before,
#divArchives ul li a::before,
#divComments ul li a::before,
#divPrevious ul li a::before{
	position:relative;
	margin-bottom:5px;
	margin-right:8px;
	content: '';
	width:8px;
	height:8px;
	display:inline-block;
	border-radius:50% 50% 0;
	box-shadow:0 1px 2px #757575;
	text-decoration: none;
}
#divTags li:nth-child(n) a:hover::before,
#divCatalog li:nth-child(n) a::before,
#divArchives li:nth-child(n) a::before,
#divComments li:nth-child(n) a::before,
#divPrevious li:nth-child(n) a::before{
	border:1px solid #fd5f00;
}
#divLinkage li:nth-child(n) a:hover,
#divTags li:nth-child(n) a:hover,
#divCatalog li:nth-child(n) a:hover,
#divArchives li:nth-child(n) a:hover,
#divComments li:nth-child(n) a:hover,
#divPrevious li:nth-child(n) a:hover{
	color:#fd5f00;
}
#divTags li:nth-child(2n) a:hover::before,
#divCatalog li:nth-child(2n) a::before,
#divArchives li:nth-child(2n) a::before,
#divComments li:nth-child(2n) a::before,
#divPrevious li:nth-child(2n) a::before{
	border:1px solid #00a635;
}
#divLinkage li:nth-child(2n) a:hover,
#divTags li:nth-child(2n) a:hover,
#divCatalog li:nth-child(2n) a:hover,
#divArchives li:nth-child(2n) a:hover,
#divComments li:nth-child(2n) a:hover,
#divPrevious li:nth-child(2n) a:hover{
	color:#00a635;
}
#divTags li:nth-child(3n) a:hover::before,
#divCatalog li:nth-child(3n) a::before,
#divArchives li:nth-child(3n) a::before,
#divComments li:nth-child(3n) a::before,
#divPrevious li:nth-child(3n) a::before{
	border:1px solid #b92400;
}
#divLinkage li:nth-child(3n) a:hover,
#divTags li:nth-child(3n) a:hover,
#divCatalog li:nth-child(3n) a:hover,
#divArchives li:nth-child(3n) a:hover,
#divComments li:nth-child(3n) a:hover,
#divPrevious li:nth-child(3n) a:hover{
	color:#b92400;
}
#divTags li:nth-child(4n) a:hover::before,
#divCatalog li:nth-child(4n) a::before,
#divArchives li:nth-child(4n) a::before,
#divComments li:nth-child(4n) a::before,
#divPrevious li:nth-child(4n) a::before{
	border:1px solid #00a9da;
}
#divLinkage li:nth-child(4n) a:hover,
#divTags li:nth-child(4n) a:hover,
#divCatalog li:nth-child(4n) a:hover,
#divArchives li:nth-child(4n) a:hover,
#divComments li:nth-child(4n) a:hover,
#divPrevious li:nth-child(4n) a:hover{
	color:#00a9da;
}
#divTags li a .tag-count{font-size: 75%}

/*single单页*/
.active .single-text h1::before,
.active .single-text h2::before,
.active .single-text h3::before,
.active .single-text h4::before,
.active .single-text h5::before,
.active .single-text h6::before,
.active .title-h1::before{
	content: '';
	margin-right: .25em;
	margin-bottom: .4em;
	width: 0.5em;
	height: 0.5em;
	display: inline-block;
	border-radius: 50% 50% 0;
	border:0.1em solid var(--a-hover);
}
.active .single-text h1,
.active .single-text h2,
.active .single-text h3,
.active .single-text h4,
.active .single-text h5,
.active .single-text h6{
	margin-top: 3.5rem;
	margin-bottom: 2rem;
	overflow:hidden;
	white-space:nowrap;
}
.active .single-text h1::after,
.active .single-text h2::after,
.active .single-text h3::after,
.active .single-text h4::after,
.active .single-text h5::after,
.active .single-text h6::after{
	margin-left:0.5em;
	content: '\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014';
	color:var(--border-color);
	font-weight:100;
}

.active .tools span{
	margin-left:0.6rem;
	font-size: 1rem;
}
.active article img{
	max-width:100%;
	height:auto;
}